<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>A Skeleton Framework Manual</title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<link href="prettify.css" type="text/css" rel="stylesheet" />

<script type="text/javascript" src="prettify.js"></script>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function A_Request() {
	this.getQueryParams = function (qs) {
		qs = qs.split("+").join(" ");
		var params = {},
			tokens,
			re = /[?&]?([^=]+)=([^&]*)/g;

		while (tokens = re.exec(qs)) {
			params[decodeURIComponent(tokens[1])] = decodeURIComponent(tokens[2]);
		}

		return params;
	}

	this.get_data = this.getQueryParams(document.location.search);
}

A_Request.prototype.get = function(name)
{
	return this.get_data[name];
};

A_Request.prototype.getHashTag = function()
{
	return window.location.hash.substring(1);
};
</script>
<script type="text/javascript">
function show_menu_items(dir, items)
{
	var n = items.length;
	for (var i = 0; i < n; i++) {
		var num = i + 1;
		if (num < 10) {
			num = "0" + num.toString();
		}
		// jWuery Ajax URLs with <a class=\"ajaxlink\" parameter and full path to HTML partial files
		// document.write("			<li><span>"+dir+"."+num+"</span><a class=\"ajaxlink\" href=\""+dir+"/"+items[i]+".html\">"+items[i].replace("_"," ")+"</a></li>\n");
		// direct URLs with p parameter
		document.write("			<li><span>"+dir+"."+num+"</span><a href=\"?p="+dir+"/"+items[i]+"\">"+items[i].replace("_"," ")+"</a></li>\n");
	}
}
</script>
<script type="text/javascript">
$(document).ready(function(){
	$(function($) {
		var request = new A_Request();
		var p = request.get('p');
		if (p == undefined) {
			p = request.getHashTag();
		}
		if ((p != undefined) && (p != "")) {
			p = p + ".html";
		} else {
			p = '1/Introduction.html';
		}
//alert("page="+p);
		$("#main_content").load(p); 
	}); 
	$('a.ajaxlink').live('click', function(){
		$('#main_content').load($(this).attr("href"));
		setTimeout('prettyPrint()', 100);
		return false;
	});
});
</script>
</head>

<body onload="prettyPrint()">

<div id="main_header">
	<h1>A Skeleton Framework Manual</h1>
</div>

<div id="main_menu">
	<h2>Table of Contents</h2>
	<h3>Introduction</h3>
	<ol>
		<li><span>1.01</span><a href="./?p=1/Introduction">Introduction</a></li>
		<li><span>1.02</span><a href="./?p=1/Key_Concepts">Key Concepts</a></li>
		<li><span>1.03</span><a href="./?p=1/Application_Flow">Application Flow</a></li>
		<li><span>1.04</span><a href="./?p=1/Model_View_Controller">Model View Controller</a></li>
	</ol>
	
	<h3>Installation</h3>
	<ol>
		<li><span>2.01</span><a href="./?p=2/Download">Download and SVN</a></li>
		<li><span>2.02</span><a href="./?p=2/Directory_Structure">Directory Structure</a></li>
	</ol>
	
	<h3>Quickstart</h3>
	<ol>
		<script type="text/javascript">
			var pages = [
				'Quickstart',
				];
			show_menu_items("3", pages);
		</script>
	</ol>
	
	<h3>Topics</h3>
	<ol>
		<script type="text/javascript">
			var pages = [
				'Access_Control',
				'Bootstrap',
				'Configuration',
				'Controllers',
				'Databases',
				'DateTime',
				'Error_Handling',
				'Event',
				'Filtering',
				'Forms',
				'Front_Controller',
				'Locator',
				'Mapper',
				'Models',
				'Pagination',
				'Request',
				'Socket',
				'Template_Classes',
				'Urls',
				'Validation',
				'Views'
				];
			show_menu_items('4', pages);
		</script>
	</ol>

	<h3>API Documentation</h3>
	<ol>
	<li><a href="api/index.html">API Documentation</a></li>
	</ol>
	
	<h3>Appendices</h3>
	<ol>
	<li><a href="../A/LICENSE">LICENSE</a></li>
	</ol>
	
	 <p><a href="sample_doc.html">sample doc</a></p>
	
</div>

<div id="main_content">
</div>

<div id="main_footer">
	<p><a href="http://code.google.com/p/skeleton/">Project Repository</a></p>
</div>

</body>
</html>
